<template>
 <div v-if="Object.key(goods).length !==0" class="base-info">
     <div class="info-title">{{goods.title}}</div>
     <div class="info-price">
         <span class="n-price">{{goods.newPrice}}</span>
         <span class="o-price">{{goods.oldPrice}}</span>
         <span v-if="goods.discount" class="discount">{{goods.discount}}</span>
     </div>
     <div class="info-other">
         <span>{{goods.columns[0]}}</span>
         <span>{{goods.columns[1]}}</span>
         <span>{{goods.services[goods.services.length-1]}}</span>
     </div>
     <div class="info-service">
         <span class="info-service-item" v-for="index in goods.services.length-1" :key="index">
             <img :src="goods.services[index-1].icon" alt="">
             <span>{{goods.services[index-1].name}}</span>
         </span>
     </div>

     <div class="sells-text">总销量</div>
    <div>
         <div class="info-goods">
         <div class="goods-count">{{shop.goodsCount}}</div>
     </div>
     <div class="goods-item">全部宝贝</div>
    </div>
    <div class="shop-middle-item shop-middle-right">
        <table>
            <tr v-for="(item, index) in shop.score" :key="index">
            <td>{{item.name}}</td>
            <td class="score" :class="{'score-better' : item.isBetter}">{{item.score}}</td>
            <td :class="{'better-more' : item.isBetter}">{{item.isBetter ? '高':'低'}}</td>
            </tr>
        </table>
    </div>
    <div class="shop-bottom">
        <div class="enter-shop">进店逛逛</div>
    </div>
 </div>
</template>

<script>
 export default {
   data () {
     return {

     }
   },
   props: {
       goods: {
           type: Object,
           default() {
               return {}
           }
       }
   },
   created() {

   },
   methods: {

   }
 }
</script>

<style scoped>

 
</style>
